<template>
	<view class="om-hover-button-backtop bg-steelblue" :style="{background:bgColor,color:fontColor}">
		<navigator :open-type="openType" :url="url">{{ title }}</navigator>
	</view>
</template>

<script>
export default {
	name: 'OmHoverButton',
	props: {
		openType: {
			type: String,
			default() {
				return 'navigate';
			}
		},
		url: {
			type: String,
			default() {
				return '';
			}
		},
		title: {
			type: String,
			default() {
				return '按钮';
			}
		},
		bgColor:{
			type: String,
			default() {
				return '';
			}
		},
		fontColor:{
			type: String,
			default() {
				return '#f0f0f0';
			}
		}
	},
	data() {
		return {};
	},
	methods: {}
};
</script>

<style>
.om-hover-button-backtop {
	height: 40px;
	width: 40px;
	opacity:0.6;
	border-radius: 100%;
	position: fixed;
	bottom: 75px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}
/* rgba(255, 255, 255, 0.9) */
.om-hover-button-backtop navigator {
	font-size: 12px;
	max-width: 30px;
	text-align: center;
}
</style>
